body,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,select,textarea,form,p,img{margin:0;padding:0;outline:none}
body{color:#333;font-family:"microsoft yahei", "simsun";font-size:14px}
ul,li,ol,dl,dt,dd{list-style:none}
u,i{font-style:normal}
del,ins,u,s,a,a:hover{text-decoration:none !important}
img{border:none}
* { margin: 0; padding: 0;}
/*href*/
a:link,a:visited{color:#333}
a:hover,a:active{color:#a00}
.cfff,.cfff a:link,.cfff a:visited{color:#fff}
.cfff a:hover,.cfff a:active{color:#fff}

/*common*/
.wrap{width:1200px;margin:0 auto}
.l{float:left !important}
.r{float:right !important}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.hidden{display:none}
.img{display:block;width:100%;height:auto;margin:0;padding:0}

/*header*/
.head{ width:100%; height:114px; background-color:#ffffff; position:fixed; top:0; z-index:999;}
.logo{ display:block; width:262px; height:114px; background:url(../images/logo.png) no-repeat left center;}
.wrap11{width: 1400px;margin: 0 auto;overflow: hidden}
.nav{ margin-left:50px;}
.nav li{ float:left; padding:0 15px; line-height:114px;}
.nav li a{ font-size:18px; color:#111111;}
.nav li:hover a{ color:#d8221a;}
.tel{ font-size: 24px; color: #115fad; background: url(../images/tel.png) no-repeat left center; padding-left: 60px; font-weight: bold; line-height: 114px;}

/*banner*/
.banner{height:456px;background:url(../images/jjbanner.jpg) no-repeat top center;margin-top:114px; overflow:hidden;}
.xian { width:50px; height:4px; margin:0 auto; background:#FFF; margin-top:100px;}
.ywbt{ font-size:40px; color:#ffffff; font-weight:bold; line-height:70px; text-align:center; margin-top:20px;}
.zwbt{ font-size:30px; color:#ffffff; line-height:60px;text-align:center;}
.jjlm{ margin-top:60px; text-align:center; }
.jjlm ul li{ display: inline-block; width:195px; height:55px;text-align: center;font-size:18px; color: #FFF;line-height:55px; border:1px solid #FFF; }
.jjlm ul li a{ color: #FFF; }
.jjjs{height:810px;background:url(../images/jsbj.jpg) no-repeat top center; overflow:hidden;}
.jjjsz{ width:49.6%; float:left;}
.jjjsy{ width:49.6%; float: right;}
.lg{ text-align:center; margin-top:40px;}
.bt{ text-align:center; font-size:30px; line-height:60px; color:#FFF;}
.nr{ width:86%; margin:0 auto;font-size:16px; line-height:32px; color:#FFF;margin-top:20px;}
.yyw{ width:90%; margin:0 auto;font-size:58px; line-height:60px; color:#e7e7e7;margin-top:40px;}
.ybt{ width:90%; margin:0 auto;font-size:36px; line-height:42px; color:#3d62b9;margin-top:10px;}
.ynr{ width:90%; margin:0 auto;font-size:16px; line-height:32px; color:#696969;margin-top:10px;}

.qywh{height:651px;background:url(../images/whbj.jpg) no-repeat top center; overflow:hidden;}
.qywhnr{ width:1050px; margin:0 auto; margin-top:300px;}
.qywhz{ width:480px; float:left;}
.whbt{font-size:18px; line-height:32px; color:#3d62b9;margin-top:10px; font-weight:bold;}
.whnr{font-size:16px; line-height:32px; color:#4c4c4c;margin-top:30px; }

.qywhy{ width:560px; float: right;}
.whybt{font-size:18px; line-height:32px; color:#3d62b9;font-weight:bold;}
.whynr{font-size:16px; line-height:32px; color:#4c4c4c;}
.rongyubt{font-size:36px; line-height:50px; color:#01081a;margin-top:50px; font-weight:bold; text-align:center;}
.rongyubt1{font-size:20px; line-height:35px; color:#01081a;margin-top:10px; text-align:center; }
.zzdbt{font-size:24px; line-height:35px; color:#01081a;margin-top:10px; text-align:center; }
.syjjnry{ width:100%; overflow:hidden;}
.tuplb{ width:1200px; margin:0 auto; margin-top:50px;}
.erjilmm{font-size:30px; line-height:40px; color:#444444;font-weight:bold; text-align:center;}
.tuplb1 ul li{ width:22%; margin:1.5%; float:left;}
.erji_zi{ text-align:center;}

.clear{ clear:both;}

.box12{background:url(../images/syszbj.jpg) repeat top center; height:650px;}
.box12nr{ width:1200px; margin:0 auto;}
.szwz{ color:#272727; font-size:50px; font-weight:normal; line-height:50px; padding-top:80px; margin-left:60px;}
.jcsz{ margin-left:60px; margin-top:60px;}
.jcsz ul li{ }
.jcsz ul li p{ line-height:80px; color:#272727; font-size:20px;}
.jcsz ul li h1 .timer{color:#48a2d8; font-size:78px; font-weight:normal; line-height:50px;}

.gy_nf{ margin-top:110px;}
.gy_nf ul{}
.gy_nf ul li{ float:left; width:240px;}
.gy_nf ul li h1{ -webkit-margin-before: 0; -webkit-margin-after: 0;}
.gy_nf ul li span{ color:#48a2d8; font-size:50px; font-weight:normal; line-height:50px;}
.gy_nf ul li p{ line-height:40px; color:#272727; font-size:20px;}
.timer{ display:inline;color:#48a2d8; font-size:50px; font-weight:normal; line-height:50px;}
.gy_nf ul li.border-none{ border-right:none;}

.jjxfl{background:url(../images/ygbj.jpg) repeat top center; overflow:hidden; margin-top:50px;}
.xxian { width:80px; height:2px; margin:0 auto; background:#8c2226; margin-top:10px;}
.jjtpbt{ font-size:40px; color:#33333d; font-weight:bold; line-height:70px; text-align:center; margin-top:30px;}
.wra011{ width:1200px; margin:0 auto;}
.box2_nr{ display:none;  margin-top:0.24rem; padding-bottom:0.24rem;}
.box2_nr.show{ display:block;}
.tab1{ width:100%; position:relative;height: 1rem;
    line-height: 1rem;
    text-align: center;
    display: block;
    font-size: 0.5rem;
    color: #333;}
.tab1 li{ display: inline-block; width:134px; height:55px; margin:1.5%; overflow:hidden;  color: #797979; background:#fff;}
.tab1 li.curr{ background-color:#8c2226; color:#ffffff;}
.tab1 li.curr p{  color:#ffffff;}

.tab1 li p{height:1rem; line-height:1rem;text-align:center; display:block; font-size:0.4rem;  color:#797979;}
.tab1 li p span{ font-size:0.24rem; color:#999999;}
.xw_nr{ width:100%; }
.xw_nr ul li{ width:30%; float:left; margin:1.666%}

.box21_nr{ display:none;  margin-top:0.24rem; }
.box21_nr.show{ display:block;}
.tab11{ width:1200px; margin:0 auto; position:relative;
   
    text-align: center;
    display: block;
    
    color: #333; }
.tab11 li{ display: inline-block; height:55px; margin:1.5%; overflow:hidden;  color: #797979; background:#fff;}
.tab11 li.curr{ color:#1387ee;}
.tab11 li.curr p{  color:#1387ee;}

.tab11 li p{text-align:center; display:block; font-size:24px;  color:#272727;}
.tab11 li p span{ font-size:0.24rem; color:#999999;}


.wra012{ width:100%; margin:0 auto; margin-top:50px;}
.box22_nr{ display:none;  margin-top:0.24rem; }
.box22_nr.show{ display:block;}
.tab2{ width:1300px; margin:0 auto; position:relative;
    
    text-align: center;
    display: block;
    
    color: #333; font-weight:bold;}
.tab2 li{ display: inline-block; height:55px; margin:1.5%; overflow:hidden;  color: #797979; background:#fff;}
.tab2 li.on{ color:#1387ee;}
.tab2 li.on p{  color:#1387ee;}

.tab2 li p{text-align:center; display:block; font-size:24px;  color:#d3d3d3;font-weight:bold;}
.tab2 li p span{ font-size:0.24rem; color:#999999;}
.xw_nr{ width:100%; }

.tubj1{background: url(../images/bjtu1.jpg) no-repeat center center;
    background-size: cover; height:829px}
.tubj2{background: url(../images/bjtu2.jpg) no-repeat center center;
    background-size: cover; height:829px}
.tubj3{background: url(../images/bjtu3.jpg) no-repeat center center;
    background-size: cover; height:829px}
	
.tubj4{background: url(../images/bjtu4.jpg) no-repeat center center;
    background-size: cover; height:829px}

.xw_nr ul li{ width:30%; float:left; margin:1.666%}

.syjj{background: url(../images/syjjbj.jpg) no-repeat top center;
    background-size: cover; }

.syjjbt{ color:#575757; font-size:36px; font-weight:normal; line-height:50px; padding-top:50px; text-align:center;}
.sycpjs{ width:1200px ; margin:0 auto;padding-top:50px; text-align:center;}
.sycpjs ul{ width:1200px;  margin:0 auto;}
.sycpjs ul li{ float:left; margin-left:39px; margin-right:39px;}
.sycpjs ul li:nth-child(6){ margin-left:159px; }
.sygdt{ width:1350px; height:437px; background:#1387ee;  margin:0 auto; margin-top:80px;}
.sygdtz{ width:948px; float:left}
.sygdty{ width:400px; float: right;}
.sygdty h1{ color:#ffffff; font-size:30px; font-weight:normal; line-height:50px; padding-top:50px; text-align:center; font-weight:bold;}
.sygdty h2{ padding:50px;color:#ffffff; font-size:16px; font-weight:normal; line-height:30px;}
.sygdty h3{ width:140px; height:34px; background:#ffae00; color:#ffffff; font-size:16px; font-weight:normal; line-height:34px; text-align:center; float:right; margin-right:50px;    border-radius: 17px;}
.sygdty h3 a{ color:#ffffff; font-size:16px; }

.slideBox{ width:948px; height:437px; overflow:hidden; position:relative; }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:948px; height:437px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
		
		


/*首页
.wrap_width{ width:1440px; margin:0 auto;}
.index02{ padding:137px 0 147px;}
.box2_tit{ text-align:center; position:relative; margin:0 auto;}
.box2_tit img{}
.box2_nr{ position:absolute; top:26px; width:100%;}
.box2_tit1{ font-size:40px; color:#00469e; font-weight:bold; line-height:70px;}
.box2_tit1 span{ color:#c02520;}
.box2_tit2{ font-size:18px; color:#787878; line-height:28px;}
.box2_ul{ margin-top:80px;}
.box2_ul li{ float:left; text-align:center; width:170px; margin:0 35px;}
.box2_txt1{ font-size:24px; color:#00479d; margin-top:28px; line-height:30px;}
.box2_txt2{ font-size:12px; color:#333333; line-height:16px; text-transform:uppercase;}
.box2_zi{ margin:100px auto 0; text-align:center;}*/

.home-probox{ padding: 70px 0; text-align: center; }
.home-probox .theme{ color: #111111; letter-spacing:5px;}
.home-probox .theme div{ font-size: 42px;}
.home-probox .theme p{ margin-top: 30px; font-size: 24px;}
.home-probox .ico-div{ margin:0 auto; max-width: 800px; height:40px; line-height:40px;}
.home-probox .ico-div div{ float: left; width: 20%;}
.home-probox .ico-div span{ margin-left:30px; float:left;}
.home-probox .ico-div span img{ vertical-align:middle;}
.home-probox .ico-div p{ letter-spacing: 2px; color: #272636;}
.home-proborder-top, .home-proborder-bottom{ height:1px; background-color:#e0e0e0; width:800px; margin:30px auto 0;}
.home-proborder-bottom{ width:1200px; margin:0 auto;}
.home-probox .content{ margin-top: 95px; display: inline-block; position: relative; overflow:hidden;}
.home-probox .anim-01{ left: 740px; top: 100px;}
.home-probox .anim-02{ left: 920px; top: 175px;}
.home-probox .anim-03{ left: 670px; top: 210px;}
.home-probox .anim-04{ left: 430px; top: 243px;}
.home-probox .anim-05{ left: 368px; top: 330px;}
.home-probox .anim-06{ left: 644px; top: 380px;}
.home-probox .text{ position:absolute;}
.home-probox .text-01{ left: 798px; top: 77px;}
.home-probox .text-02{ left: 978px; top: 215px;}
.home-probox .text-03{ left: 506px; top: 83px;}
.home-probox .text-04{ left: 333px; top: 226px;}
.home-probox .text-05{ left: 295px; top: 370px;}
.home-probox .text-06{ left: 705px; top: 420px;}
.home-probox .text span{ position:absolute; width:380px; font-size: 20px; color: #070002; line-height:30px; text-align: left;}
.home-probox .text-01 span{ left: 270px; top: -45px;}
.home-probox .text-02 span{ left: 140px; top: -7px; width:310px;}
.home-probox .text-03 span{ left: -370px; top: -15px;}
.home-probox .text-04 span{ left: -300px; top: -45px;}
.home-probox .text-05 span{ left: -280px; top: 0; width:260px;}
.home-probox .text-06 span{ left: 170px;  top: -80px;}
.anim-container{ position: absolute; width: 116px; height: 116px; }  
.anim-container .dot { position:absolute; width: 10px; height: 10px; left:53px; top: 53px; -webkit-border-radius: 20px -moz-border-radius: 20px; background:#feb04a;  border-radius: 20px;  z-index: 2; }  
.anim-container .smallpulse { position:absolute; width: 48px; height: 48px; left:34px; top:34px; background:#feb04a; -webkit-border-radius:60px; -moz-border-radius:60px;   border-radius:120px; border:1px solid #D9C99E; z-index: 1; opacity: 0;  -webkit-animation: warn 2s linear 0.2s;  -moz-animation: warn 2s linear 0.2s; animation: warn 2s linear 0.2s;  -webkit-animation-iteration-count: infinite;   -moz-animation-iteration-count: infinite;  animation-iteration-count: infinite;  } 
.anim-container .pulse { position:absolute; width: 116px; height: 116px; left:0px; top:0px; background:#feb04a; -webkit-border-radius:120px; -moz-border-radius:120px; border-radius:120px; z-index: 1; opacity: 0; -webkit-animation: warn 2s linear; -moz-animation: warn 2s linear;  animation: warn 2s linear;  -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite;} 

@keyframes warn {  

    0% {  

        transform: scale(0);  

        opacity: 0.0;  

    }  

    25% {  

        transform: scale(0.25);  

        opacity: 0.1;  

    }  

    50% {  

        transform: scale(0.5);  

        opacity: 0.2;  

    }  

    75% {  

        transform: scale(0.75);  

        opacity: 0.3;  

    }  

    100% {  

        transform: scale(1);  

        opacity: 0.0;  

    }  

}  

@-webkit-keyframes warn{  

    0% {  

        -webkit-transform: scale(0);  

        opacity: 0.0;  

    }  

    25% {  

        -webkit-transform: scale(0);  

        opacity: 0.1;  

    }  

    50% {  

        -webkit-transform: scale(0.1);  

        opacity: 0.2;  

    }  

    75% {  

        -webkit-transform: scale(0.5);  

        opacity: 0.3;  

    }  

    100% {  

        -webkit-transform: scale(1);  

        opacity: 0.0;  

    }  

}

.box7{ padding:108px 0 100px; overflow:hidden;}
.box7_left{ float:left; background:url(../images/box7_bg.png) no-repeat left 40px; width:730px;}
.box7_tit{ font-weight:bold; margin-top:67px; line-height:115px; font-size:40px; color:#be1913;}
.box7_tit span{ color:#00479d;}
.digital{}
.mumping_mun{ overflow:hidden;}
.mumping_mun li{ float:left; margin-right:21px; width:148px; height:148px; border:1px solid #cacaca; text-align:center; border-radius:8px;}
.mun_top{ overflow:hidden; font-size:16px; color:#333333; height:66px; margin-top:15px;}
.mun_top h2{ margin-right:10px; display:inline-block; font-size:43px; line-height:66px;}
.mumping_mun li p{ font-size:14px; color:#333333; line-height:24px;}
.box7_txt{ font-size:18px; color:#231815; margin-top:30px; line-height:34px;}
.box7_zi{ overflow:hidden;}
.box7_zi li{ float:left; margin-right:28px;}
.box7_pic{ height:50px; margin-top:50px;}
.box7_line{ width:140px; height:1px; background-color:#d4d4d4; margin-top:27px;}
.box7_zi li p{ margin-top:9px; font-size:14px; color:#707070; line-height:24px;}
.box7_right{ float:right;}
.box7_r_top{ margin-bottom:18px; overflow:hidden;}
.box7_t_l{ float:left;}
.box7_t_r{ float:right;}

.box8{ background:url(../images/box8_bg.jpg) no-repeat center center; height:924px;}
.box8_ul{ overflow:hidden; padding-top:123px; width:1485px;}
.box8_ul li{ float:left; width:450px; margin-right:45px;}
.box8_pic{ width:450px; height:270px; overflow:hidden;}
.box8_pic img{-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.box8_ul li .box8_pic:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(2,2);}
.box8_txt{ background:url(../images/box8_white.png) repeat center center; padding:30px; overflow:hidden;}
.box8_time{ width:98px; height:98px; border:1px solid #c8c8c8; float:left; text-align:center;}
.box8_time p{ line-height:35px; margin-top:18px; font-size:26px; color:#040000;}
.box8_time span{ display:block; line-height:28px; font-size:14px; color:#040000;}
.box8_zi{ float:right; width:260px;}
.box8_h1{ line-height:30px; font-size:18px; color:#040000; height:30px; overflow:hidden;}
.box8_h2{ margin-top:16px; font-size:14px; color:#040000; line-height:28px; height:56px; overflow:hidden;}

#container{ height:520px;}
#container img{ max-width:none;}




/*pro-channel*/
.pro-channel{width:100%;margin-top:80px}
.pro-channel .gallery-cell{width:20%;float:left}
.item_sub .imgs{overflow:hidden}
.item_sub .imgs img{display:block;width:100%;height:auto;margin:0;-webkit-transition:transform 1.5s ease-out;transition:transform 1.5s ease-out}
.item_sub:hover .imgs img{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.item_sub{display:block;overflow:hidden;position:relative}
.item_sub i{width:100%;height:100%;display:block;position:absolute;left:0;top:0;background:url(../images/redBg.png);z-index:99;opacity:0;transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out}
.item_sub em{width:38px;height:38px;display:block;text-align:center;position:absolute;top:70%;left:50%;z-index:999;margin-left:-19px;background:url(../images/plus_icon_1.png);opacity:1;transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out}
.item_sub h3{width:100%;text-align:center;position:absolute;top:79%;left:0;color:#fff;font-size:30px;line-height:30px;font-weight:bold;z-index:999}
.item_sub span{transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;opacity:1}
.item_sub span:first-child{transition-delay:.2s;-webkit-transition-delay:.2s;-ms-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s}
.item_sub span:nth-child(2){display:block;color:#fff;font-size:18px;line-height:18px;margin:12px 0 0 0;font-weight:normal;transition-delay:.4s;-webkit-transition-delay:.4s;-ms-transition-delay:.4s;-moz-transition-delay:.4s;-o-transition-delay:.4s;opacity:0}
.item_sub:hover i,.item_sub:hover span,.item_sub:hover em{opacity:1}
.item_sub:hover h3{top:39%}
.item_sub:hover em{top:25%;background:url(../images/plus_icon_2.png)}

/*products*/
.products{margin-top:55px}
.pro-class{background:url(../images/pro.png) no-repeat;padding:5px 0 0 225px;height:70px}
.pro-class li{width:180px;float:left;margin-left:15px;height:60px;line-height:58px;text-align:center;background:#00479d;font-size:20px}
.pro-class li.curr{background:#be1913}
.pro-class li a{color:#fff}
.pro-class li i{display:inline-block;background:url(../images/pro-i.png);width:20px;height:29px;vertical-align:middle;margin-left:10px;margin-top:-5px}
.pro-sub-class{text-align:right;font-size:0;height:60px;line-height:60px}
.pro-sub-class li{display:inline-block;font-size:20px;margin-left:30px;padding-left:30px;position:relative}
.pro-sub-class li.curr a{color:#a00}
.pro-sub-class li:before{content:"";display:block;position:absolute;width:1px;height:20px;background:#333;left:0;top:20px}
.pro-sub-class li:first-child:before{width:0}
.pro-lists{border-left:1px solid #e8e7e7;border-top:1px solid #e8e7e7;margin-top:10px}
.pro-lists li{border-bottom:1px solid #e8e7e7;border-right:1px solid #e8e7e7;float:left;width:278px;height:50px;padding:0 10px;line-height:50px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pro-title{color:#00479d;background:#f4f3f3;font-size:24px;padding:20px 30px;margin-top:50px}
.pro-lists-pics li{float:left;background:#f4f3f3;margin-top:15px;margin-right:15px;padding:15px;width:360px}
.pro-lists-pics li .imgs,.pro-lists-pics li img{display:block;width:360px;height:260px;margin:0;padding:0;overflow:hidden}
.pro-lists-pics li img{transition:all .5s ease}
.pro-lists-pics li:hover img{transform:scale(1.1,1.1)}
.pro-lists-pics li .txts{display:block;text-align:center;line-height:3;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:18px;color:#00479d}
.pro-lists-pics li:nth-child(3n){float:right;margin-right:0}

/*about*/
.about-box{margin-top:50px}
.about-box .text{font-size:18px;line-height:34px;color:#666;margin:25px 0}
.about-box .nums-list li{box-sizing:border-box;border:1px solid #e8e8e8;width:290px;height:140px;float:left;margin-right:10px;color:#00479d;line-height:30px;text-align:center;padding-top:40px}
.about-box .nums-list li span{color:#e00016;font-size:40px;font-weight:bold;padding-right:10px}
.about-box .nums-list li:last-child{margin-right:0}
._w1400{height:auto;position:relative;margin:auto;width:90%}
@media screen and (max-width:1600px){
._w1400{width:1300px}
}
@media screen and (max-width:1444px){
._w1400{width:90%}
}
@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2){
._w1400{width:92%}
}
@media screen and (max-width:1024px){
._w1400{width:92%}
}
.introduction-course{width:100%;background:url(../images/bg_developmentpath.jpg) no-repeat center/cover fixed;position:relative;overflow:hidden;}
.introduction-course .sub_title{color:#fff;text-align:center;padding:50px 0 20px}
.introduction-course .sub_title h2{font-size:40px}
.introduction-course .sub_title h3{font-size:18px;text-transform:uppercase}
.historyList{position:relative;margin-top:-150px}
.historyMask{position:absolute;top:0;width:100%;left:0;height:0;overflow:hidden}
.historyBasic{height:980px;overflow:hidden}
.historyListUl{position:absolute;width:890px;left:50%;transform:translate(-50%,0);top:0;z-index:5;min-height:112px;display:none}
.historyListUl .btnIcon{position:absolute;top:50%;display:block;transform:translateY(-50%);width:30px;height:30px;background:#fff;text-align:center;line-height:30px;border-radius:50%;cursor:pointer;font-size:14px;user-select:none}
.historyListUl .btnIcon.active{opacity:0;visibility:hidden}
.historyListUl .btnIcon.btnLeft{left:-50px;display:none}
.historyListUl .btnIcon.btnRight{right:-50px}
.historyListUl.active{top:41%;transform:translate(-50%,-50%);position:fixed}
.historyListUl li{position:absolute;color:#fff;opacity:0;visibility:hidden}
.historyListUl li.active{opacity:1;visibility:inherit}
.historyListUl .year{width:200px;line-height:112px;background:#112283;text-align:center;font-size:60px;display:inline-block;vertical-align:top}
.historyListUl .text{display:inline-block;display:inline-flex;width:684px;min-height:112px;vertical-align:top;background:#fff;color:#3e3e3e;font-size:14px;height:auto;padding:25px 35px;align-items:center}
.HistoricalRiver{position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden}
.HistoricalRiver ul{position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden}
.HistoricalRiver li{position:absolute;color:#fff;font-size:24px}
.HistoricalRiver li .year{position:absolute;line-height:30px;top:50%;margin-top:-15px;left:20px;transform:translateY(100%) translate3d(0,0,0);opacity:0;transition:all .5s ease-in-out}
.HistoricalRiver li .info{width:500px;height:auto;font-size:14px;line-height:25px;position:absolute;left:100px;top:-40px;-webkit-transition:all 0s;-webkit-transform:translateX(100px);opacity:0;display:flex}
.HistoricalRiver li:nth-child(5) .info{width:700px}
.HistoricalRiver li:nth-child(6) .info{width:580px}
.HistoricalRiver li:nth-child(even) .info{left:50px}
.HistoricalRiver li.show .info{-webkit-transform:translateX(0px);opacity:1}
.HistoricalRiver li .info .num{width:120px;height:80px;background:#e00018;line-height:80px;text-align:center;color:#fff;font-size:40px;margin-right:5px}
.HistoricalRiver li .info .des{flex:1;height:40px;padding:20px;float:right;background:#fff;color:#3e3e3e;vertical-align:top;line-height:20px}
.HistoricalRiver li.active .year{transform:translateY(0) translate3d(0,0,0);opacity:1}
.HistoricalRiver li:nth-child(even) .year{left:auto;right:20px}
.HistoricalRiver li:after{content:'';background:#fff;width:12px;height:12px;border-radius:50%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,100%);opacity:0;transition:all .5s ease-in-out}
.HistoricalRiver li.active:after{transform:translate(-50%,-50%);opacity:1}
.about-li li{width:390px;height:260px;overflow:hidden;float:left;margin-right:15px;margin-bottom:15px}
.about-li li:nth-child(3){margin-right:0}
.about-li li:nth-child(4){width:590px;margin-right:20px}
.about-li li:nth-child(5){width:590px;margin-right:0}
.about-n{margin-top:30px;padding:0 50px}
.about-n li{width:140px;height:185px;overflow:hidden;float:left;margin:0 40px}
.about-text{font-size:18px;line-height:2;margin:50px auto 0;width:850px;text-align:center}
.about-s{margin-top:30px}
.about-s li{width:390px;height:500px;overflow:hidden;float:left;margin-right:15px}
.about-s li:nth-child(3){margin-right:0}

/*envir*/
.envir_tit{ text-align:center; margin-top:50px;}
.envir_tit h1{ line-height:54px; font-size:40px; color:#be1913;}
.envir_tit span{ color:#00479d;}
.envir_tit h2{ line-height:30px; font-size:16px; color:#333333; text-transform:uppercase;}
.envir_ul{ width:1215px; margin-top:38px;}
.envir_ul li{ float:left; width:360px; text-align:center; padding:16px 15px; background-color:#f0efef; margin:0 15px 20px 0;}
.envir_pic{ width:360px; height:260px; overflow:hidden;}
.envir_pic img{transition:all .5s ease;}
.envir_txt{ font-size:18px; color:#00479d; margin-top:10px; line-height:38px;}
.envir_ul li:hover .envir_pic img{transform:scale(1.1,1.1)}

/*honor*/
.honor-box{ background:url(../images/honor_bg.jpg) no-repeat center center; width:100%; height:1267px;}
.honor_nav{ text-align:center; font-size:0; margin:82px auto 74px;}
.honor_nav li{ display:inline-block; width:200px; height:60px; text-align:center; line-height:60px; background-color:#00479d; margin:0 8px;}
.honor_nav li.curr, .honor_nav li:hover{ background-color:#e50012;}
.honor_nav li a{ color:#ffffff; font-size:24px;}
.honor_line{ border-top:1px solid #cccccc;}
.honor_ul{ width:1213px; margin-top:73px;}
.honor_ul li{ float:left; width:260px; margin:0 13px 15px 0; padding:16px 15px; background-color:#f0efef; text-align:center;}
.honor_pic{ width:260px; height:360px; overflow:hidden;}
.honor_pic img{transition:all .5s ease;}
.honor_txt{ line-height:40px; margin-top:16px; font-size:18px; color:#00479d;}
.honor_ul li:hover .honor_pic img{transform:scale(1.1,1.1)}


.HistoricalRiver li.his1{left: 240px; top: 189.6px;}

.HistoricalRiver li.his2{left: 340px; top: 309.6px;}
.HistoricalRiver li.his3{left: 370px; top: 399.6px;}
.HistoricalRiver li.his4{left: 490px; top: 509.6px;}
.HistoricalRiver li.his5{left: 425px; top: 629.6px;}
.HistoricalRiver li.his6{left: 340px; top: 759.6px;}
.HistoricalRiver li.his7{left: 529px; top: 899.6px;}

/*adv*/
.adv_tit{ text-align:center; padding:50px 0 40px;}
.adv_tit h1{ font-size:40px; color:#be1913; line-height:54px;}
.adv_tit span{ color:#00479d;}
.adv_tit h2{ font-size:18px; color:#333333; text-transform:uppercase; line-height:30px;}
.down-box{background:#f2f2f2;margin:20px 0 50px;}
.down-box .col-5{width:50%;float:left;position:relative}
.down-box .col-5 img{display:block;margin:0;width:100%}
.s-list-box{padding:40px 0 0 110px}
.s-list-box .col-5{width:47%;margin-right:3%}
.s-list-box .s-logo img{width:100px}
.s-list-box .s-name{width:100px;text-align:center;font-size:24px;margin:10px 0}
.s-list{position:absolute;left:0;top:140px;height:140px;overflow:hidden;background:#f2f2f2;padding:15px;z-index:99999}
.s-list:hover{height:auto}
.s-list li{height:30px;line-height:30px;overflow:hidden}
.s-list li h3{font-size:16px;font-weight:normal;float:left}
.s-list li span{background:url(../images/down.png) no-repeat right center;float:left;display:block;width:30px;height:30px}
.adv-box .ico-div{ margin:0 auto; max-width: 800px; height:40px; line-height:40px; text-align:center;}
.adv-box .ico-div img{ vertical-align:middle;}
.adv-box .ico-div div{ float: left; width: 20%;}
.adv-box .ico-div span{ margin-left:30px; float:left;}
.adv-box .ico-div p{ letter-spacing: 2px; color: #272636; font-size:18px;}
.adv_bg{ background:url(../images/adv_bg.jpg) no-repeat center center; height:1950px; width:100%; position:relative; margin-top:60px;}
.adv_t{ font-weight:bold; line-height:32px; font-size:30px; position:absolute;}
.adv_t span{ display:block; font-weight:normal;}
.adv_t1{ color:#996712; top:20px; left:60px;}
.adv_t2{ color:#3c7d36; top:444px; right:26px;}
.adv_t3{ color:#b64d1a; top:790px; left:42px;}
.adv_t4{ color:#913d3e; top:1140px; right:24px;}
.adv_t5{ color:#489f41; top:1490px; left:48px;}
.adv_p{ position:absolute;}
.adv_p p{ font-size:16px; color:#333333; line-height:26px; letter-spacing:1px;}
.adv_p .p_blue{ font-size:24px; color:#0056c6;}
.adv_p1{ width:640px; top:0; left:338px;}
.adv_p2{ width:350px; top:560px; right:38px;}
.adv_p3{ width:490px; top:910px; left:42px;}
.adv_p4{ width:560px; top:1220px; right:26px;}
.adv_p5{ width:590px; top:1600px; left:46px;}

/*video*/
.video-box{ padding:50px 0 70px;}
.video_tit{ text-align:center;}
.video_tit h1{ line-height:55px; font-size:40px; color:#be1913;}
.video_tit span{ color:#00479d;}
.video_tit h2{ line-height:30px; text-transform:uppercase; font-size:18px; color:#333333;}
.game163{ position: relative; overflow: hidden; margin-top:40px;}
.game163 .bigImg{ position: relative; width:1200px; height:610px; margin:0 auto;}
.game_video01{ height:610px;}
.game163 .smallScroll{ width:1375px; margin:26px auto 0; overflow:hidden;}
.game163 .sPrev,.game163 .sNext{ float: left; display: block; width: 33px; height: 65px; text-indent: -9999px; margin-top:40px;}
.game163 .sPrev{ background-image:url(../images/video_left.png);}
.game163 .sNext{ background-image:url(../images/video_right.png); float:right;}
.game163 .smallImg{ float:left; display:inline; overflow: hidden; margin-left:56px; width:1200px;}
.game163 .smallImg ul{ overflow: hidden; width:1220px;}
.game163 .smallImg li{ float: left;width:224px; cursor:pointer; display: inline; margin-right:20px; text-align:center;}
.game163 .smallImg li.now .game_icon-video{ display:none;}
.game_sppic{position:relative;width:224px; height:148px; }
.game_icon-video{ position:absolute; top:50%; margin-top:-37px; left:50%; margin-left:-37px; width:75px; height:75px;}
.game163 .smallImg li span{ display:block; line-height:70px; font-size:22px; color:#bdbdbd;}

/*新闻中心*/
.newsbg{ background-color:#eaeaea;}
.news_tit{ text-align:center; font-weight:bold; padding-top:50px;}
.news_ch{ line-height:55px; font-size:40px; color:#be1913;}
.news_ch span{ color:#00479d;}
.news_en{ line-height:28px; font-size:18px; color:#333333;}
.w1200{ width:1200px; margin:0 auto;}
.news_list{ width:1227px; margin-top:42px;}
.news_list li{ width:382px; margin-right:27px; margin-bottom:27px; float:left;}
.news_tu{ width:382px; height:229px; overflow:hidden;}
.news_tu img{transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;}
.news_zi{ background-color:#f5f5f5; padding:27px;}
.news_time{ width:83px; height:83px; border:1px solid #e3e3e3; text-align:center; float:left;}
.news_time p{ font-size:22px; color:#040000; line-height:30px; margin-top:16px;}
.news_time span{ font-size:12px; color:#040000; line-height:22px; display:block;}
.news_txts{ width:220px; float:right;}
.news_txt1{ line-height:26px; font-size:16px; color:#040000;}
.news_txt2{ margin-top:15px; line-height:24px; font-size:12px; color:#666666;}
.news_list li:hover .news_tu img{transform: scale(1.1);}
.news_list li:hover .news_zi{ background-color:#c22e29;}
.news_list li:hover .news_time p, .news_list li:hover .news_time span, .news_list li:hover .news_txt1, .news_list li:hover .news_txt2{ color:#ffffff;}

/*联系我们*/
.con_nr{ padding:66px 0 84px;}
.con_l{ float:left; width:800px;}
.con_adr{}
.con_adr li{ float:left; font-size:20px; color:#333333; background-repeat:no-repeat; background-position:left center; padding-left:55px; width:345px; margin-bottom:18px; line-height:40px;}
.con_adr li.con_icon1{ background-image:url(../images/con_icon1.png);}
.con_adr li.con_icon2{ background-image:url(../images/con_icon2.png);}
.con_adr li.con_icon3{ background-image:url(../images/con_icon3.png);}
.con_adr li.con_icon4{ background-image:url(../images/con_icon4.png);}
.con_lx{ margin-top:24px; height:51px;}
.con_zx{ float:left; width:216px; height:51px; background-color:#d92129; border-radius:6px; font-size:20px; color:#ffffff; line-height:51px;}
.con_zx img{ margin-left:48px; margin-right:8px;}
.con_zx a{ font-size:20px; color:#ffffff;}
.con_tel{ float:left; margin-left:26px; line-height:51px; height:51px; font-size:24px; color:#333333;}
.con_tel span{ font-size:48px; color:#ff1e28; font-weight:bold;}
.con_zi{ line-height:1; font-size:22px; color:#00479d; font-weight:bold; margin-top:44px; letter-spacing:40px;}
.con_r{ float:right;}
.con_tit{ line-height:25px; padding-left:34px; background:url(../images/con_sys.png) no-repeat left center; font-size:22px; color:#333333; font-weight:bold;}
.con_ewm{ margin-top:35px; overflow:hidden;}
.con_ewm1{ float:left;}
.con_ewm1 p{ text-align:center; line-height:1; margin-top:32px; font-size:16px; color:#333333;}
.con_ewm2{ margin-left:40px;}
.clear{ clear:both;}

/*footer*/
.footer{ background-color:#f5f5f5; border-top:3px solid #eaeaea; padding:33px 0 0 0; overflow:hidden;}
.f_n{ width:1210px; margin:0 auto;}
.f_adr{ width:210px;}
.adr_tit{ font-size:14px; color:#656565; background:url(../images/f_adr.jpg) no-repeat left center; height:30px; padding-left:20px; line-height:30px; margin-top:20px;}
.adr_p{ line-height:30px; font-size:16px; color:#565656;font-family:"SimSun";}
.f_nav{ margin-left:100px; width:380px}

.f_tel{ margin-left:56px;}
.nav_tit{ line-height:35px; font-size:16px; color:#505050;}
.nav_x{ margin-top:8px; width:24px; height:3px; background-color:#f48100;}
.f_nav ul{ margin-top:36px;}
.f_nav ul li{ float:left; width:100px; margin-right:18px;}
.f_nav ul li a{ font-size:16px; color:#908f8f; line-height:40px;}
.tel_p{ font-size:33px; color:#115fad; font-weight:bold; line-height:50px; margin-top:30px;}
.f_code{ width:140px; padding-top:10px;}
.copy{ line-height:68px; width:1210px; margin:0 auto; height:68px; border-top:1px solid #cdcdcd; margin-top:30px;}
.copy, .copy a{ color:#505050; font-size:16px;}
.center{ text-align:center;}

.pagelist { text-align: center; margin: 20px 0 40px; clear:both; padding-top:30px;}
.pagelist span, .pagelist strong, .pagelist a { display: inline-block; border: 1px solid #ddd;padding: 2px 6px; margin-right: 2px; line-height:16px; text-decoration:none; color:#666;}
.pagelist strong { background: #ef5600; color: #fff;}